<template>
  <div
      class="background"
      :style="bg"
  >
  </div>
</template>

<script>
export default {
  name: "BackgroundImage",
  props: {
    img: {
      type: String,
      default: ""
    }
  },
  data: function () {
    return {
    };
  },
  computed: {
    bg() {
      return {
        backgroundImage: `url(${this.img})`
      }
    }
  }
}
</script>

<style scoped>
.background {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
}
</style>